﻿<!DOCTYPE html>
<html>
  <head>
    <title>单色LED</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/单色led/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/单色led/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u534" class="ax_default _一级标题">
        <div id="u534_div" class=""></div>
        <div id="u534_text" class="text ">
          <p><span>所需硬件：</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u535" class="ax_default" data-left="432" data-top="152" data-width="119" data-height="65">

        <!-- Unnamed (矩形) -->
        <div id="u536" class="ax_default box_1">
          <div id="u536_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u537" class="ax_default line">
          <img id="u537_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u538" class="ax_default line">
          <img id="u538_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u539" class="ax_default line">
          <img id="u539_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u540" class="ax_default line">
          <img id="u540_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u541" class="ax_default label">
          <div id="u541_div" class=""></div>
          <div id="u541_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u542" class="ax_default label">
          <div id="u542_div" class=""></div>
          <div id="u542_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u543" class="ax_default label">
          <div id="u543_div" class=""></div>
          <div id="u543_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u544" class="ax_default label">
          <div id="u544_div" class=""></div>
          <div id="u544_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u545" class="ax_default ellipse">
          <img id="u545_img" class="img " src="images/四角开关/u61.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u546" class="ax_default" data-left="121" data-top="126" data-width="41" data-height="101">

        <!-- Unnamed (椭圆形) -->
        <div id="u547" class="ax_default ellipse">
          <img id="u547_img" class="img " src="images/反射式光电开关/u209.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u548" class="ax_default box_1">
          <img id="u548_img" class="img " src="images/反射式光电开关/u210.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u549" class="ax_default line">
          <img id="u549_img" class="img " src="images/反射式光电开关/u211.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u550" class="ax_default line">
          <img id="u550_img" class="img " src="images/反射式光电开关/u212.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u551" class="ax_default label">
          <div id="u551_div" class=""></div>
          <div id="u551_text" class="text ">
            <p><span>+</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u552" class="ax_default label">
          <div id="u552_div" class=""></div>
          <div id="u552_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u553" class="ax_default label">
        <div id="u553_div" class=""></div>
        <div id="u553_text" class="text ">
          <p><span>发光二极管1个</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u554" class="ax_default label">
        <div id="u554_div" class=""></div>
        <div id="u554_text" class="text ">
          <p><span>四角按钮开关一个</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u555" class="ax_default _一级标题">
        <div id="u555_div" class=""></div>
        <div id="u555_text" class="text ">
          <p><span>硬件接线：</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u556" class="ax_default" data-left="223" data-top="402" data-width="119" data-height="65">

        <!-- Unnamed (矩形) -->
        <div id="u557" class="ax_default box_1">
          <div id="u557_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u558" class="ax_default line">
          <img id="u558_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u559" class="ax_default line">
          <img id="u559_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u560" class="ax_default line">
          <img id="u560_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u561" class="ax_default line">
          <img id="u561_img" class="img " src="images/四角开关/u53.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u562" class="ax_default label">
          <div id="u562_div" class=""></div>
          <div id="u562_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u563" class="ax_default label">
          <div id="u563_div" class=""></div>
          <div id="u563_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u564" class="ax_default label">
          <div id="u564_div" class=""></div>
          <div id="u564_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u565" class="ax_default label">
          <div id="u565_div" class=""></div>
          <div id="u565_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u566" class="ax_default ellipse">
          <img id="u566_img" class="img " src="images/四角开关/u61.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u567" class="ax_default" data-left="390" data-top="441" data-width="40" data-height="16">

        <!-- Unnamed (矩形) -->
        <div id="u568" class="ax_default box_1">
          <div id="u568_div" class=""></div>
          <div id="u568_text" class="text ">
            <p><span>10KΩ</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u569" class="ax_default" data-left="228" data-top="544" data-width="110" data-height="281">

        <!-- Unnamed (矩形) -->
        <div id="u570" class="ax_default box_1">
          <div id="u570_div" class=""></div>
          <div id="u570_text" class="text ">
            <p><span>Arduino</span></p><p><span>NANO</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u571" class="ax_default box_1">
          <div id="u571_div" class=""></div>
          <div id="u571_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u572" class="ax_default box_1">
          <div id="u572_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u573" class="ax_default box_1">
          <div id="u573_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u574" class="ax_default box_1">
          <div id="u574_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u575" class="ax_default box_1">
          <div id="u575_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u576" class="ax_default box_1">
          <div id="u576_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u577" class="ax_default box_1">
          <div id="u577_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u578" class="ax_default ellipse">
          <img id="u578_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u579" class="ax_default box_1">
          <div id="u579_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u580" class="ax_default label">
          <div id="u580_div" class=""></div>
          <div id="u580_text" class="text ">
            <p><span>VIN</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u581" class="ax_default ellipse">
          <img id="u581_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u582" class="ax_default box_1">
          <div id="u582_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u583" class="ax_default label">
          <div id="u583_div" class=""></div>
          <div id="u583_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u584" class="ax_default ellipse">
          <img id="u584_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u585" class="ax_default box_1">
          <div id="u585_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u586" class="ax_default label">
          <div id="u586_div" class=""></div>
          <div id="u586_text" class="text ">
            <p><span>RST</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u587" class="ax_default ellipse">
          <img id="u587_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u588" class="ax_default box_1">
          <div id="u588_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u589" class="ax_default label">
          <div id="u589_div" class=""></div>
          <div id="u589_text" class="text ">
            <p><span>5V</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u590" class="ax_default ellipse">
          <img id="u590_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u591" class="ax_default box_1">
          <div id="u591_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u592" class="ax_default label">
          <div id="u592_div" class=""></div>
          <div id="u592_text" class="text ">
            <p><span>A7</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u593" class="ax_default ellipse">
          <img id="u593_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u594" class="ax_default box_1">
          <div id="u594_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u595" class="ax_default label">
          <div id="u595_div" class=""></div>
          <div id="u595_text" class="text ">
            <p><span>A6</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u596" class="ax_default ellipse">
          <img id="u596_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u597" class="ax_default label">
          <div id="u597_div" class=""></div>
          <div id="u597_text" class="text ">
            <p><span>A5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u598" class="ax_default box_1">
          <div id="u598_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u599" class="ax_default ellipse">
          <img id="u599_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u600" class="ax_default box_1">
          <div id="u600_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u601" class="ax_default label">
          <div id="u601_div" class=""></div>
          <div id="u601_text" class="text ">
            <p><span>A4</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u602" class="ax_default ellipse">
          <img id="u602_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u603" class="ax_default box_1">
          <div id="u603_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u604" class="ax_default label">
          <div id="u604_div" class=""></div>
          <div id="u604_text" class="text ">
            <p><span>A3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u605" class="ax_default ellipse">
          <img id="u605_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u606" class="ax_default box_1">
          <div id="u606_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u607" class="ax_default label">
          <div id="u607_div" class=""></div>
          <div id="u607_text" class="text ">
            <p><span>A2</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u608" class="ax_default ellipse">
          <img id="u608_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u609" class="ax_default box_1">
          <div id="u609_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u610" class="ax_default label">
          <div id="u610_div" class=""></div>
          <div id="u610_text" class="text ">
            <p><span>A1</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u611" class="ax_default ellipse">
          <img id="u611_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u612" class="ax_default box_1">
          <div id="u612_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u613" class="ax_default label">
          <div id="u613_div" class=""></div>
          <div id="u613_text" class="text ">
            <p><span>A0</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u614" class="ax_default ellipse">
          <img id="u614_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u615" class="ax_default box_1">
          <div id="u615_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u616" class="ax_default label">
          <div id="u616_div" class=""></div>
          <div id="u616_text" class="text ">
            <p><span>REF</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u617" class="ax_default ellipse">
          <img id="u617_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u618" class="ax_default box_1">
          <div id="u618_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u619" class="ax_default label">
          <div id="u619_div" class=""></div>
          <div id="u619_text" class="text ">
            <p><span>3V3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u620" class="ax_default ellipse">
          <img id="u620_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u621" class="ax_default box_1">
          <div id="u621_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u622" class="ax_default label">
          <div id="u622_div" class=""></div>
          <div id="u622_text" class="text ">
            <p><span>D13</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u623" class="ax_default ellipse">
          <img id="u623_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u624" class="ax_default box_1">
          <div id="u624_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u625" class="ax_default ellipse">
          <img id="u625_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u626" class="ax_default box_1">
          <div id="u626_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u627" class="ax_default ellipse">
          <img id="u627_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u628" class="ax_default box_1">
          <div id="u628_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u629" class="ax_default ellipse">
          <img id="u629_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u630" class="ax_default box_1">
          <div id="u630_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u631" class="ax_default ellipse">
          <img id="u631_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u632" class="ax_default box_1">
          <div id="u632_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u633" class="ax_default ellipse">
          <img id="u633_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u634" class="ax_default box_1">
          <div id="u634_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u635" class="ax_default ellipse">
          <img id="u635_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u636" class="ax_default box_1">
          <div id="u636_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u637" class="ax_default ellipse">
          <img id="u637_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u638" class="ax_default box_1">
          <div id="u638_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u639" class="ax_default ellipse">
          <img id="u639_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u640" class="ax_default box_1">
          <div id="u640_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u641" class="ax_default ellipse">
          <img id="u641_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u642" class="ax_default box_1">
          <div id="u642_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u643" class="ax_default ellipse">
          <img id="u643_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u644" class="ax_default box_1">
          <div id="u644_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u645" class="ax_default ellipse">
          <img id="u645_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u646" class="ax_default box_1">
          <div id="u646_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u647" class="ax_default ellipse">
          <img id="u647_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u648" class="ax_default box_1">
          <div id="u648_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u649" class="ax_default ellipse">
          <img id="u649_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u650" class="ax_default box_1">
          <div id="u650_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u651" class="ax_default ellipse">
          <img id="u651_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u652" class="ax_default box_1">
          <div id="u652_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u653" class="ax_default label">
          <div id="u653_div" class=""></div>
          <div id="u653_text" class="text ">
            <p><span>TX</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u654" class="ax_default label">
          <div id="u654_div" class=""></div>
          <div id="u654_text" class="text ">
            <p><span>RX</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u655" class="ax_default label">
          <div id="u655_div" class=""></div>
          <div id="u655_text" class="text ">
            <p><span>RST</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u656" class="ax_default label">
          <div id="u656_div" class=""></div>
          <div id="u656_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u657" class="ax_default label">
          <div id="u657_div" class=""></div>
          <div id="u657_text" class="text ">
            <p><span>D2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u658" class="ax_default label">
          <div id="u658_div" class=""></div>
          <div id="u658_text" class="text ">
            <p><span>D3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u659" class="ax_default label">
          <div id="u659_div" class=""></div>
          <div id="u659_text" class="text ">
            <p><span>D4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u660" class="ax_default label">
          <div id="u660_div" class=""></div>
          <div id="u660_text" class="text ">
            <p><span>D5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u661" class="ax_default label">
          <div id="u661_div" class=""></div>
          <div id="u661_text" class="text ">
            <p><span>D6</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u662" class="ax_default label">
          <div id="u662_div" class=""></div>
          <div id="u662_text" class="text ">
            <p><span>D7</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u663" class="ax_default label">
          <div id="u663_div" class=""></div>
          <div id="u663_text" class="text ">
            <p><span>D8</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u664" class="ax_default label">
          <div id="u664_div" class=""></div>
          <div id="u664_text" class="text ">
            <p><span>D9</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u665" class="ax_default label">
          <div id="u665_div" class=""></div>
          <div id="u665_text" class="text ">
            <p><span>D10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u666" class="ax_default label">
          <div id="u666_div" class=""></div>
          <div id="u666_text" class="text ">
            <p><span>D11</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u667" class="ax_default label">
          <div id="u667_div" class=""></div>
          <div id="u667_text" class="text ">
            <p><span>D12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u668" class="ax_default box_1">
          <div id="u668_div" class=""></div>
          <div id="u668_text" class="text ">
            <p><span>USB</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u669" class="ax_default box_1">
          <div id="u669_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u670" class="ax_default box_1">
          <div id="u670_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u671" class="ax_default box_1">
          <div id="u671_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u672" class="ax_default _连接线">
        <img id="u672_seg0" class="img " src="images/四角开关/u181_seg0.png" alt="u672_seg0"/>
        <div id="u672_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u673" class="ax_default _连接线">
        <img id="u673_seg0" class="img " src="images/四角开关/u182_seg0.png" alt="u673_seg0"/>
        <img id="u673_seg1" class="img " src="images/四角开关/u182_seg1.png" alt="u673_seg1"/>
        <img id="u673_seg2" class="img " src="images/四角开关/u182_seg2.png" alt="u673_seg2"/>
        <img id="u673_seg3" class="img " src="images/四角开关/u182_seg3.png" alt="u673_seg3"/>
        <div id="u673_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u674" class="ax_default _连接线">
        <img id="u674_seg0" class="img " src="images/四角开关/u183_seg0.png" alt="u674_seg0"/>
        <img id="u674_seg1" class="img " src="images/四角开关/u183_seg1.png" alt="u674_seg1"/>
        <img id="u674_seg2" class="img " src="images/四角开关/u183_seg2.png" alt="u674_seg2"/>
        <div id="u674_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u675" class="ax_default _连接线">
        <img id="u675_seg0" class="img " src="images/四角开关/u184_seg0.png" alt="u675_seg0"/>
        <img id="u675_seg1" class="img " src="images/四角开关/u184_seg1.png" alt="u675_seg1"/>
        <img id="u675_seg2" class="img " src="images/四角开关/u184_seg2.png" alt="u675_seg2"/>
        <div id="u675_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u676" class="ax_default" data-left="98" data-top="513" data-width="41" data-height="101">

        <!-- Unnamed (椭圆形) -->
        <div id="u677" class="ax_default ellipse">
          <img id="u677_img" class="img " src="images/反射式光电开关/u209.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u678" class="ax_default box_1">
          <img id="u678_img" class="img " src="images/反射式光电开关/u210.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u679" class="ax_default line">
          <img id="u679_img" class="img " src="images/反射式光电开关/u211.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u680" class="ax_default line">
          <img id="u680_img" class="img " src="images/反射式光电开关/u212.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u681" class="ax_default label">
          <div id="u681_div" class=""></div>
          <div id="u681_text" class="text ">
            <p><span>+</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u682" class="ax_default label">
          <div id="u682_div" class=""></div>
          <div id="u682_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u683" class="ax_default _连接线">
        <img id="u683_seg0" class="img " src="images/单色led/u683_seg0.png" alt="u683_seg0"/>
        <img id="u683_seg1" class="img " src="images/单色led/u683_seg1.png" alt="u683_seg1"/>
        <div id="u683_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u684" class="ax_default _连接线">
        <img id="u684_seg0" class="img " src="images/单色led/u684_seg0.png" alt="u684_seg0"/>
        <img id="u684_seg1" class="img " src="images/单色led/u684_seg1.png" alt="u684_seg1"/>
        <div id="u684_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u685" class="ax_default _一级标题">
        <div id="u685_div" class=""></div>
        <div id="u685_text" class="text ">
          <p><span>示例代码：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u686" class="ax_default _文本段落">
        <div id="u686_div" class=""></div>
        <div id="u686_text" class="text ">
          <p><span>const int buttonPin = 2;&nbsp;&nbsp; //button pin</span></p><p><span>const int ledPin = 7;&nbsp;&nbsp; //LED pin</span></p><p><span><br></span></p><p><span>// variables will change:</span></p><p><span>int buttonState = 0;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; // variable for reading the pushbutton status</span></p><p><span><br></span></p><p><span>void setup() {</span></p><p><span>&nbsp; Serial.begin(9600);</span></p><p><span>&nbsp; // initialize the pushbutton pin as an input:</span></p><p><span>&nbsp; pinMode(buttonPin, INPUT);</span></p><p><span>&nbsp; pinMode(ledPin, OUTPUT);</span></p><p><span>}</span></p><p><span><br></span></p><p><span>void loop() {</span></p><p><span>&nbsp; // read the state of the pushbutton value:</span></p><p><span>&nbsp; buttonState = digitalRead(buttonPin);</span></p><p><span>&nbsp; if (buttonState == HIGH) {</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(ledPin, HIGH);&nbsp; //按键按下时led灯亮</span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; else if (buttonState == LOW) {</span></p><p><span>&nbsp;&nbsp;&nbsp; digitalWrite(ledPin, LOW);&nbsp;&nbsp; //按键松开时led灯灭</span></p><p><span>&nbsp; }</span></p><p><span>}</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u687" class="ax_default _一级标题">
        <div id="u687_div" class=""></div>
        <div id="u687_text" class="text ">
          <p><span>运行结果：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u688" class="ax_default label">
        <div id="u688_div" class=""></div>
        <div id="u688_text" class="text ">
          <p><span>按钮按下时LED发光，按键松开时LED熄灭。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
